<template>
  <pageTool :alertTitle="`共${tableData.length}条`">
    <template #conter>
      <el-table
      :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="操作类型"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="操作人"
        width="180">
      </el-table-column>
      <el-table-column
        prop="results"
        label="执行结果">
      </el-table-column>
      <el-table-column
        prop="time"
        label="操作时间">
      </el-table-column>
      <el-table-column
        prop="describe"
        label="描述">
      </el-table-column>
    </el-table>
      <el-pagination
        style="text-align:right;"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="pagesize"
        layout=" prev, pager, next, jumper, sizes"
        :total="tableData.length">
      </el-pagination>
    </template>
  </pageTool>
</template>

<script>
import pageTool from '@/utils/pageTool'
import { timeFilters } from '@/filters'
const time = Date()
const newtime = timeFilters(time)
export default {
  name: 'logPage',
  components: {
    pageTool
  },
  data() {
    return {
      tableData: [
        {
          date: 'JP',
          name: '杨杰',
          results: '两教除易十龙行全情理花样论可术安传青图。',
          time: newtime,
          describe: '行理开分'
        },
        {
          date: 'EU',
          name: '康伟',
          results: '或道据放深需省色场那具族建近度术转叫我规还史白己得斗斗便集万儿情查确种用变。',
          time: newtime,
          describe: '属完参都'
        },
        {
          date: 'US',
          name: '易超',
          results: '行社收千响增千证各这属两走新北族华据叫求用始同满厂内属研积先传线东又性月农思等研月感证。',
          time: newtime,
          describe: '制在身了'
        },{
          date: 'US',
          name: '邵勇',
          results: '龙府流后以火划层加同出般色东局需公照口该火二里整很的那采收可我矿约力边接算叫这方活全系。',
          time: newtime,
          describe: '消织次心'
        },{
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'EU',
          name: '赖娜',
          results: '年例即效目其对无成毛或长常四己专属王一开。',
          time: newtime,
          describe: '它米拉重'
        },
        {
          date: 'JP',
          name: '任涛',
          results: '和存青却个将飞共事土水门马六又资处因海文应色飞劳以验行指电白部属后次东边声受条委当七须求内',
          time: newtime,
          describe: '海持从示'
        },
        {
          date: 'CN',
          name: '尹娜',
          results: '展变任识院段温作包近电采组深验做展济理张重千下族断方结件。',
          time: newtime,
          describe: '有很市快'
        },
        {
          date: 'CN',
          name: '雷艳',
          results: '争应通定年红手变市工级外万想问问区四并且群采八铁许群政离社地。',
          time: newtime,
          describe: '确斗更能'
        },
        {
          date: 'US',
          name: '史秀兰',
          results: '边再半认并设与也期发联论连四族前本话技又得量书难始具形表安工写理加识。',
          time: newtime,
          describe: '生属观关'
        },
        {
          date: 'EU',
          name: '程敏',
          results: '地例员几用好约到且五相看直历速年青。',
          time: newtime,
          describe: '社农来党'
        },
        {
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'JP',
          name: '刘艳',
          results: '为资本意价省七它好切层收联例报得铁保式理争天五矿利低无物热油。',
          time: newtime,
          describe: '学集听单'
        },
        {
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'EU',
          name: '程敏',
          results: '地例员几用好约到且五相看直历速年青。',
          time: newtime,
          describe: '社农来党'
        },
        {
          date: 'EU',
          name: '赖娜',
          results: '年例即效目其对无成毛或长常四己专属王一开。',
          time: newtime,
          describe: '它米拉重'
        },
        {
          date: 'JP',
          name: '任涛',
          results: '和存青却个将飞共事土水门马六又资处因海文应色飞劳以验行指电白部属后次东边声受条委当七须求内',
          time: newtime,
          describe: '海持从示'
        },
        {
          date: 'CN',
          name: '尹娜',
          results: '展变任识院段温作包近电采组深验做展济理张重千下族断方结件。',
          time: newtime,
          describe: '有很市快'
        },
        {
          date: 'CN',
          name: '雷艳',
          results: '争应通定年红手变市工级外万想问问区四并且群采八铁许群政离社地。',
          time: newtime,
          describe: '确斗更能'
        },
        {
          date: 'JP',
          name: '杨杰',
          results: '两教除易十龙行全情理花样论可术安传青图。',
          time: newtime,
          describe: '行理开分'
        },
        {
          date: 'EU',
          name: '康伟',
          results: '或道据放深需省色场那具族建近度术转叫我规还史白己得斗斗便集万儿情查确种用变。',
          time: newtime,
          describe: '属完参都'
        },
        {
          date: 'US',
          name: '易超',
          results: '行社收千响增千证各这属两走新北族华据叫求用始同满厂内属研积先传线东又性月农思等研月感证。',
          time: newtime,
          describe: '制在身了'
        },{
          date: 'US',
          name: '邵勇',
          results: '龙府流后以火划层加同出般色东局需公照口该火二里整很的那采收可我矿约力边接算叫这方活全系。',
          time: newtime,
          describe: '消织次心'
        },{
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'EU',
          name: '赖娜',
          results: '年例即效目其对无成毛或长常四己专属王一开。',
          time: newtime,
          describe: '它米拉重'
        },
        {
          date: 'JP',
          name: '任涛',
          results: '和存青却个将飞共事土水门马六又资处因海文应色飞劳以验行指电白部属后次东边声受条委当七须求内',
          time: newtime,
          describe: '海持从示'
        },
        {
          date: 'CN',
          name: '尹娜',
          results: '展变任识院段温作包近电采组深验做展济理张重千下族断方结件。',
          time: newtime,
          describe: '有很市快'
        },
        {
          date: 'CN',
          name: '雷艳',
          results: '争应通定年红手变市工级外万想问问区四并且群采八铁许群政离社地。',
          time: newtime,
          describe: '确斗更能'
        },
        {
          date: 'US',
          name: '史秀兰',
          results: '边再半认并设与也期发联论连四族前本话技又得量书难始具形表安工写理加识。',
          time: newtime,
          describe: '生属观关'
        },
        {
          date: 'EU',
          name: '程敏',
          results: '地例员几用好约到且五相看直历速年青。',
          time: newtime,
          describe: '社农来党'
        },
        {
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'JP',
          name: '刘艳',
          results: '为资本意价省七它好切层收联例报得铁保式理争天五矿利低无物热油。',
          time: newtime,
          describe: '学集听单'
        },
        {
          date: 'US',
          name: '顾洋',
          results: '才个安选切克高着级去层强被特众交号社情严平程并片好史己平位较连儿条心群值。',
          time: newtime,
          describe: '资重阶记'
        },
        {
          date: 'EU',
          name: '程敏',
          results: '地例员几用好约到且五相看直历速年青。',
          time: newtime,
          describe: '社农来党'
        },
        {
          date: 'EU',
          name: '赖娜',
          results: '年例即效目其对无成毛或长常四己专属王一开。',
          time: newtime,
          describe: '它米拉重'
        },
        {
          date: 'JP',
          name: '任涛',
          results: '和存青却个将飞共事土水门马六又资处因海文应色飞劳以验行指电白部属后次东边声受条委当七须求内',
          time: newtime,
          describe: '海持从示'
        },
        {
          date: 'CN',
          name: '尹娜',
          results: '展变任识院段温作包近电采组深验做展济理张重千下族断方结件。',
          time: newtime,
          describe: '有很市快'
        },
        {
          date: 'CN',
          name: '雷艳',
          results: '争应通定年红手变市工级外万想问问区四并且群采八铁许群政离社地。',
          time: newtime,
          describe: '确斗更能'
        }
    ],
      currentPage: 1,
      pagesize: 10
    }
  },
  methods: {
    handleSizeChange(val) {
      this.pagesize = val
    },
    handleCurrentChange(val) {
      this.currentPage = val
    },
  }
}
</script>

<style>

</style>